<template>
  <div id="app">
    <!-- 
      一级路由的出口，路由表中所有的顶层路由都是一级路由，
      因为 router-view 是一级路由出口 
      keep-alive仅对路由出口渲染的组件有效
    -->
    <!-- 缓存 include 中写的数组里面的组件名称 -->
    <keep-alive :include="cachePages">
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  // 组件名称
  name: "App",
  // 组件参数 接收来自父组件的数据
  props: {},
  // 局部注册的组件
  components: {},
  // 组件状态值
  data() {
    return {};
  },
  // 计算属性
  computed: {
    ...mapState(["cachePages"]),
  },
  // 侦听器
  watch: {},
  created() {},
  mounted() {},
  // 组件方法
  methods: {},
};
</script>

<style scoped lang='less'>
</style>